/*
 * 带图片带标题的块，新闻模块
 *
 *mainImg:图片路径
 *name：名字
 *position：职位
 * content：内容
 * */

'use strict';
var React = require('react');
class HkfsLeaderContent extends React.Component {

    constructor(props) {
        super(props);
        this.renderContent = this.renderContent.bind(this);
    }

    //渲染主体部分
    renderContent() {
        return this.props.reData.map((item, i)=> {
            return (
                <div key={"HkfsLeaderContentLi"+i} className="HkfsLeaderContentLi_Container">
                    <div className="HkfsLeaderContentLi_Img">
                        <img src={item.mainImg}/>
                    </div>
                    <div className="HkfsLeaderContentLi_Message">
                        <div className="HkfsLeaderContentLi_TitleGroup">
                      <div className="HkfsLeaderContentLi_Title">
                           {item.name}
                      </div>
                      <div className="HkfsLeaderContentLi_Date">
                          {item.position}
                      </div>
                        </div>
                        <div className="HkfsLeaderContentLi_Content">
                            {item.content}
                        </div>
                    </div>
                </div>);
        });
    }

    render() {
        return (
            <div className="HkfsLeaderContent_Container">
                {this.renderContent()}
            </div>
        );
    }
}

module.exports = HkfsLeaderContent;